.reg-header {
    border-bottom: none;
    margin-bottom: 32px;
}

.header {
    height: 99px;
}

.header .logo {
    padding-top: 22px;
}

.logo a {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 55px;
    font-size: 32px;
    font-family: cursive;
}

.spacer {
    overflow: hidden;
    height: 24px;
    margin: 15px 24px 0;
    border-right: 1px solid #D8D8D8;
    display: inline-block;
}

.reg-header p {
    font-size: 24px;
    line-height: 1;
    margin: 15px 0 0 0;
    display: inline;
    top: 22px;
    position: absolute;
}

.reg-step {
    text-align: center;
}

.title {
    background-color: #2470bf;
    border-radius: 10px 10px 0 0;
    color: #FFF;
    padding: 13px 17px;
    vertical-align: bottom;
    font-size: 20px;
    width: 471px;
}

.reg-form-wrap {
    padding: 40px 30px;
}

.reg-form-wrap .reg-form-list dd.top {
    z-index: 10;
}

.reg-form-wrap .reg-form-list dd.top {
    z-index: 10;
}

.reg-form-wrap .reg-form-list dd {
    position: relative;
    z-index: 1;
    margin-bottom: 22px;
}

.reg-form-wrap .reg-form-list dd:before,
.reg-form-wrap .reg-form-list dd:after {
    display: table;
    content: '';
}

.reg-form-wrap .reg-form-list dd p {
    min-width: 60px;
    line-height: 46px;
    /* font: 14px/44px "PingFangSC-Regular", "-apple-system", Simsun; */
    float: left;
    margin-right: 24px;
    text-align: right;
}

.reg-form-wrap .reg-form-list dd .get-code {
    float: left;
    width: 116px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #D8D8D8;
    margin-left: 12px;
    text-align: center;
    background: #F7F7F7;
}

.reg-form-wrap .reg-form-list dd input.mid,
.reg-form-wrap .reg-form-list dd input.mid {
    width: 308px;
}

.reg-form-wrap .reg-form-list dd input,
.reg-form-wrap .reg-form-list dd input {
    float: left;
    padding: 0 16px;
    width: 308px;
    border: 1px solid #E6E6E6;
    height: 40px;
    /* font: 14px/42px "PingFangSC-Regular", "-apple-system", Simsun; */
}

.reg-form-wrap .reg-form-list dd:after {
    clear: both;
}

.reg-form-wrap .reg-form-list dd .password-tip {
    position: absolute;
    top: 0;
    left: 444px;
    z-index: 1;
    border: 1px solid #FFDC95;
    background: #FFF7E7;
    font: 12px/24px "PingFangSC-Regular", "-apple-system", Simsun;
    color: #6B3612;
    padding: 6px 12px 8px 8px;
}

.reg-form-wrap .reg-form-list dd .password-tip span {
    position: absolute;
    top: 5px;
    left: -7px;
    border-top: 7px solid transparent;
    border-right: 7px solid #FFDC95;
    border-bottom: 7px solid transparent;
    border-left: 0 none;
    width: 0;
    height: 0;
}

.reg-form-wrap .reg-form-list dd .password-tip span cite {
    position: absolute;
    top: -7px;
    left: 2px;
    border-top: 7px solid transparent;
    border-right: 7px solid #FFF7E7;
    border-bottom: 7px solid transparent;
    border-left: 0 none;
    width: 0;
    height: 0;
}


/*
.reg-form-wrap .reg-form-list .password-strong {
    float: left;
    padding-left: 12px;
}

.reg-form-wrap .reg-form-list .password-strong p span b {
    position: absolute;
    left: 0;
    height: 6px;
}

.reg-form-wrap .reg-form-list .password-strong p span {
    position: relative;
    display: inline-block;
    height: 6px;
    margin-right: 8px;
    width: 118px;
}

.reg-form-wrap .reg-form-list .password-strong p span.level-1 {
    border: 1px solid #FC6C28;
}

.reg-form-wrap .reg-form-list .password-strong p span.level-1 b {
    width: 38px;
    background: #FC6C28;
}

.reg-form-wrap .reg-form-list .password-strong p span.level-2 {
    border: 1px solid #FFCB00;
}

.reg-form-wrap .reg-form-list .password-strong p span.level-2 b {
    width: 78px;
    background: #FFCB00;
}

.reg-form-wrap .reg-form-list .password-strong p span.level-3 {
    border: 1px solid #8CCD0A;
}

.reg-form-wrap .reg-form-list .password-strong p span.level-3 b {
    width: 118px;
    background: #8CCD0A;
} */

.reg-form-wrap .reg-form-list dd.error input[type=text],
.reg-form-wrap .reg-form-list dd.error input[type=password] {
    border: 1px solid #ED4259;
}

.reg-form-wrap .reg-form-list .go-reg {
    display: block;
    width: 121px;
    height: 40px;
    line-height: 40px;
    margin-left: 146px;
}